<div id="app-root">
  <div id="header">
    <div class="content-wrapper">
      <div class="avater">
        <img [src]="$any(seller).avatar">
      </div>
      <div class="content">
        <div class="name"><span class="brand">品牌</span>{{$any(seller).name}}</div>
        <div class="description">{{$any(seller).description}}</div>
        <div class="supports"><span class="iconfont icon-jian"></span>{{$any(seller.supports)[0].description}}</div>
      </div>
      <div class="count" routerLink="/sellerDetail" routerLinkActive="active">
        <span>{{$any(seller).supports.length}}个</span><span class="iconfont icon-youdanjiantou"></span>
      </div>
    </div>
    <div class="bulletin-wrapper">
      <div class="blt-title"><span class="iconfont icon-gonggao"></span></div>
      <div class="blt-text"><marquee behavior="scroll" direction="left" scrollamount="5">{{$any(seller).bulletin}}</marquee>/</div>
      <div class="blt-right-arrow" routerLink="/sellerDetail" routerLinkActive="active"><span class="iconfont icon-youdanjiantou"></span></div>
    </div>
  </div>
  <div id="main">
    <div class="tabs" >
      <div class="tab-item" routerLink="/goods" routerLinkActive="active">商品</div>
      <div class="tab-item" routerLink="/ratings" routerLinkActive="active">评论</div>
      <div class="tab-item" routerLink="/sellers" routerLinkActive="active">商家</div>
    </div>

    <div class="tab-content"><router-outlet></router-outlet></div>
  </div>
  <div id="footer" #cart>
    <div class="cart-left">
      <div class="logo-cart">
        <span class="iconfont icon-gouwuche"></span>
        <div class="cart-num" *ngIf="cartNum!=0">{{cartNum}}</div>
        <div class="roundspot" #roundspot></div>
      </div>
      <div class="price">￥{{totalPrice}}元</div>
      <div class="desc">另需配送费￥{{$any(seller).deliveryPrice}}元</div>
    </div>
    <div class="cart-right" *ngIf="!canAccount">￥{{needPrice}}元起送</div>
    <div class="cart-right" *ngIf="canAccount">去结算</div>
  </div>
</div>

